import Vue from 'vue';
// elementui样式文件
import 'element-ui/lib/theme-chalk/index.css';
// 全局引入
import {Button,Form,FormItem,Input,Container,Header,Aside,Main,Menu,Submenu,MenuItem,Breadcrumb,BreadcrumbItem,Card,Row,Col,Table,TableColumn,Switch,Pagination,Message,Dialog,Tooltip,MessageBox,Tag,Tree,Cascader,Alert,Tabs,TabPane,Steps,Step,CheckboxGroup,Checkbox,Upload,Timeline,TimelineItem} from 'element-ui';
// 注册全局组件
// Vue.component(Button.name,Button);
Vue.use(Button);
Vue.use(Form);
Vue.use(FormItem);
Vue.use(Input);
Vue.use(Container);
Vue.use(Header);
Vue.use(Aside);
Vue.use(Main);
Vue.use(Menu);
Vue.use(Submenu);
Vue.use(MenuItem);
Vue.use(Breadcrumb);
Vue.use(BreadcrumbItem);
Vue.use(Card);
Vue.use(Row);
Vue.use(Col);
Vue.use(Table);
Vue.use(TableColumn);
Vue.use(Switch);
Vue.use(Pagination);
Vue.use(Dialog);
Vue.use(Tooltip);
Vue.use(Tag);
Vue.use(Tree);
Vue.use(Cascader);
Vue.use(Alert);
Vue.use(Tabs);
Vue.use(TabPane);
Vue.use(Steps);
Vue.use(Step);
Vue.use(CheckboxGroup);
Vue.use(Checkbox);
Vue.use(Upload);
Vue.use(Timeline);
Vue.use(TimelineItem);

Vue.prototype.$message = Message;
Vue.prototype.$confirm = MessageBox.confirm;


/* 
自定义组件流程：
写组件 引入组件 注册组件 调用组件

*/


/* 
elementui完整引入
下载 
直接引入elementui
引用css样式表
vue.use声明使用插件
使用elementui中的任意组件直接使用即可

*/
/* 

建议使用 按需引入
下载：
npm i element-ui -S
npm install babel-plugin-component -D

在babel.config.js中进行配置 参考vue.md

全局注册
局部注册

*/
